@charset "utf-8";
$font-size:12;/**********变量元素*********/
@function bgg($px){/************函数样式************/
    @return $px/$font-size*(640/640)*1rem;
}
html{/**************html根字体大小**************/
    font-size: $font-size*1px;
}

/***********这里是页面*********/
.web{
    width: 100%;
    height: 100%;
    margin: 0 auto;
    header{
        /***********头部样式************/
    }
    section{/**********这里是内容样式**********/
        width: 100%;
        margin-top: bgg(95);
        margin-bottom: bgg(95);
        .section{
            width: 91.10%;
            height: 100%;
            display: block;
            margin: 0 auto;
            h2{
                color: #010101;
                font-size: bgg(30);
                margin-top: bgg(35);
                display: inline-block;
                text-align: justify;
            }
            .collect{
                position: relative;
                margin-top: bgg(8);
                color: #c5c5c5;
                .aixin{
                    font-size: bgg(37);
                    position: absolute;
                    top: bgg(-9);
                    right: bgg(130);
                }
                .aixin+span{
                    font-size: bgg(20);
                    padding-right: bgg(55);
                }
                .eye{
                    font-size: bgg(27);
                    position: absolute;
                    top: bgg(-2);
                    right: bgg(41);
                }
                .eye+span{
                    font-size: bgg(20);
                }
            }
            .media{
                span{
                    color: #c5c5c5;
                    font-size: bgg(22);
                }
                a{
                    text-decoration: none;
                    color: #b20000;
                    font-size: bgg(22);
                    &:active{
                        color: gray;
                    }
                }
            }
            .zhaiyao{
                margin-top: bgg(40);
                color: #8b8b8b;
                font-size: bgg(20);
                span:nth-child(1){
                    text-align: justify;
                    display: block;
                }
                span:nth-child(2){
                    margin-top: bgg(30);
                    display: block;
                    text-align: justify;
                }
                img:nth-child(3){
                    width: 100%;
                    height: bgg(233);
                    display: block;
                    margin-top: bgg(30);
                }
                span:nth-child(4){
                    margin-top: bgg(43);
                    text-align: justify;
                    display: block;
                }
                span:nth-child(5){
                    margin-top: bgg(43);
                    text-align: justify;
                    display: block;
                }
                span:nth-child(6){
                    margin-top: bgg(30);
                    text-align: justify;
                    display: block;
                }
                span:nth-child(7){
                    margin-top: bgg(30);
                    display: block;
                }
            }
            .bian_1{
                border: bgg(1) solid #e4e4e4;
                width: 100%;
                margin-top: bgg(25);
            }
            .Thumb_up_collection{
                font-size: 0;
                margin: 0 auto;
                position: relative;
                margin-bottom: bgg(50);
                .praise{
                    text-align: center;
                    .lianxi{
                        .tupian{
                            width: bgg(73);
                            height: bgg(73);
                        }
                        .praise_1{
                            color: #8b8b8b;
                            font-size: bgg(20);
                            margin-top: bgg(5);
                        }
                    }
                }
                .praise_2{
                    position: absolute;
                    top: 0;
                    left: bgg(130);
                    margin: 0;
                }
                .collect{
                    margin-top: bgg(37);
                }
                .share{
                    position: absolute;
                    top: 0;
                    right: bgg(128);
                    margin: 0;
                }
            }
        }
    }
    footer{/*************这里是尾部样式*************/
        .foot{
            .gimc{
                a{
                    .a{
                        p{
                            color: #b60207;
                        }
                    }
                }
            }
            .article{
                a{
                    .a{
                        p{
                            color: #a6a6a6;
                        }
                    }
                }
            }
        }
    }
}
